<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>我的钱包</title>
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="css/my.css" rel="stylesheet" type="text/css">
</head>

<body class="my-body">
    <div style="padding:0px;marging:0px;background-image:url('images/hb-01.svg');background-size: cover;overflow-y:visible;">
        <div class="section my-topsection">

            <div class="container" style="vertical-align:mid;">
                <div class="col-xs-6 col-xs-offset-3 text-center" style="color:white;">

                    <h1>
                        <p>&nbsp;</p>
                        1000</h1>
                    <hr>
                    <span style="font-size:14px;">总金额(元)</span>
                    <h1>
                        <p>&nbsp;</p>
                        <p>&nbsp;</p>
                    </h1>
                </div>
            </div>
        </div>
    </div>

    <div class="section">
        <div class="container-fluid my-gap-top">
            <div class="row">
                <div class="col-xs-5 col-sm-2 my-gap-left">
                    <span style="color:#636363;">账户金额</span>
                </div>
                <div class="col-xs-5 col-sm-2 clearfix"><span style="color:#fa3440">500&nbsp;元</span></div>
                <div class="col-xs-12 clearfix">
                    <hr>
                </div>
                <div class="col-xs-5 col-sm-2 my-gap-left">
                    <span style="color:#636363;">佣金奖励</span>
                </div>
                <div class="col-xs-5 col-sm-2 clearfix"><span style="color:#fa3440">500&nbsp;元</span></div>
                <div class="col-xs-12 clearfix">
                    <hr>
                </div>
                <div class="col-xs-5 col-sm-2 my-gap-left">
                    <span style="color:#636363;">平台积分</span>
                </div>
                <div class="col-xs-5 col-sm-2 clearfix"><span style="color:#fa3440">500</span></div>
                <div class="col-xs-12 clearfix">
                    <hr>
                </div>
            </div>
        </div>
    </div>
    </div>
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</body>

</html>
